<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
<!-- 	<link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png" />
	<link rel="icon" type="image/png" href="../assets/img/favicon.png" /> -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>手动组卷</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

    <!-- Bootstrap core CSS     -->
    <link href="../css/bootstrap.min.css" rel="stylesheet" th:href="@{static/css/bootstrap.min.css}" media="all" />

    <!--  Material Dashboard CSS    -->
    <link href="../css/material-dashboard.css" rel="stylesheet" th:href="@{static/css/material-dashboard.css}" media="all" />

    <!--  CSS for Demo Purpose, don't include it in your project     -->
    <link href="../css/demo.css" rel="stylesheet"  th:href="@{static/css/demo.css}" media="all"/>

    <!--     Fonts and icons     -->
    <link href="../css/font-awesome.min.css" rel="stylesheet" th:href="@{static/css/font-awesome.min.css}" media="all">
    <link href='../css/2d7207a20f294df196f3a53cae8a0def.css' rel='stylesheet' type='text/css'>
</head>
<body>

	<div class="wrapper">

	    <div class="sidebar" data-color="blue">
			<!--
		        Tip 1: You can change the color of the sidebar using: data-color="purple | blue | green | orange | red"

		        Tip 2: you can also add an image using data-image tag
		    -->

			<div class="logo">
				<a href="#" class="simple-text">
					我的题库
				</a>
			</div>

	    	<div class="sidebar-wrapper ">
	            <ul class="nav" th:remove="(${questionbanks} == null)? all:none">
 	                <li th:each="questionbank:${questionbanks}">
	                    <a href="/toquestion" target="right" th:href="@{/toquestion(quesbankid=${questionbank.quesBankId})}">
	                        <i class="material-icons" th:id="${questionbankStat.count}" ></i>
 	                        <p th:text="${questionbank.quesBankName}">题库</p>
	                    </a>
	                </li>            
	            </ul>
	    	</div>
	    </div>

	    <div class="main-panel">
			<nav class="navbar navbar-transparent navbar-absolute" style="background-color: #fff;">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse">
							<span class="sr-only"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<div class="collapse navbar-collapse">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="#pablo" class="dropdown-toggle" data-toggle="dropdown">
									<i class="material-icons"></i>
									<p class="hidden-lg hidden-md"></p>
								</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									 <i class="material-icons"></i>
									<p class="hidden-lg hidden-md"></p>
								</a>
								<ul class="dropdown-menu">
									<li><a href="#"></a></li>
								</ul>
							</li>
							
						</ul>

					
					</div>
				</div>
			</nav>

 			<div class="content">
				<div class="container-fluid">
					<div class="row" style="margin-top: -15px;">				
						<iframe src="chioceques.html" width="100%" height="900" name="right" style="border: none;" th:src="@{/static/pages/chioceques.html}"></iframe>				
				</div>
			</div>		
		</div>
	</div>

</body>
	<script src="../js/jquery-3.1.0.min.js" type="text/javascript" th:src="@{/static/js/jquery-3.1.0.min.js}" media="all"></script>
	<script src="../js/bootstrap.min.js" type="text/javascript" th:src="@{/static/js/bootstrap.min.js}" media="all"></script>
	<script src="../js/material.min.js" type="text/javascript" th:src="@{/static/js/material.min.js}" media="all"></script>

	<!--  Charts Plugin -->
	<script src="../js/chartist.min.js" th:src="@{/static/js/chartist.min.js}" media="all"></script>



	<script src="../js/material-dashboard.js" th:src="@{/static/js/material-dashboard.js}" media="all"></script>

	<!-- Material Dashboard DEMO methods, don't include it in your project! -->
	
	<script type="text/javascript" src="../myplugs/js/plugs.js" th:src="@{/static/myplugs/js/plugs.js}" media="all">
		</script>
		<script type="text/javascript">
			//添加编辑弹出层
/* 			function updatePwd(title, id) {
				$.jq_Panel({
					title: title,
					iframeWidth: 500,
					iframeHeight: 300,
					url: "updatePwd.html"
				});
			} */
 			$(function () {
 				$('[class="material-icons"][id=1]').trigger("click");
				$('[class="material-icons"][id=1]').parent().parent().addClass("active");
			}) 
		</script>


	<script type="text/javascript">
    	$(document).ready(function(){

$(".nav li").click(function(){
	
	$(".nav li").removeClass("active");
	$(this).addClass("active");
	
})
    	});
	</script>

</html>
